<html>
  <head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <title>Google Maps API サンプル003</title>
    <!-- Google AJAX API Loader を読み込み -->
    <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAA3HEaipgCJKasbKv8S1gdbBQJvmiF4_fYAiwv-0nW9Cym48ujhRSyNm4dRS6pZoq24h-LzB1RCTbVjg"></script>
    <script type="text/javascript">
    GM = null;
    google.load("maps", "2", { language: 'ja' }); // Google Maps API を読み込み
    google.setOnLoadCallback(initialize); // body.onloadを代替
      
    function initialize() {
      GM = google.maps; // 省略形

      if (!GM.BrowserIsCompatible()) {
        alert("申し訳ありません、ご利用のブラウザはサポートしておりません。");
        return;
      }

      var map = new GM.Map2(document.getElementById("map_canvas")); // 地図オブジェクトの生成
      map.setCenter(new GM.LatLng(35.458608,139.635758), 15); // 中心位置の緯度経度とズームレベルの設定
      map.setUIToDefault(); // デフォルトのUI部品の設定
    }
    </script>
  </head>
  <body>
    <!-- 地図描画用のDIVタグ -->
    <div id="map_canvas" style="width:800px; height:600px;"></div>
  </body>
</html>
